import { useAppStore } from '@/store/appStore';
import { Button } from 'antd';

const Analysis = () => {
  const setLayout = useAppStore(state => state.setLayout);
  const setTagView = useAppStore(state => state.setTagView);
  const setFooter = useAppStore(state => state.setFooter);
  return (
    <div className='flex gap-10 p-20'>
      <Button onClick={setLayout.bind(null, 'classic')}>layout:classic</Button>
      <Button onClick={setLayout.bind(null, 'hybrid')}>layout:hybrid</Button>
      <Button onClick={setLayout.bind(null, 'top')}>layout:top</Button>
      <Button onClick={setTagView.bind(null, void 0)}>changeTagView</Button>
      <Button onClick={setFooter.bind(null, void 0)}>changeFooter</Button>
    </div>
  );
};

export default Analysis;
